<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一号店</title>
    <link rel="stylesheet" href="CSS/index.css">
</head>
<body style="height: 2200px">
<header>
    <div class="soubg">
        <div class="fl  marginl">
            <span>送货至：四川</span>
        </div>
        <div class="fr">
            <div class="fl marginr">
                <span>你好！请</span>
                <a href="">登录</a>
                <a href="">免费注册</a>&nbsp;&nbsp;|
                <a href="">我的订单</a>&nbsp;&nbsp;|
            </div>

            <ul class="fl marginr">
                <li><a href="#">收藏夹</a><img src="images/d_a.gif" alt=""></li>
                <li class="kehu">
                    <a href="#" >
                        客户服务
                    </a>
                    <div class="hiddiv">
                        <p>客户服务</p>
                        <p>客户服务</p>
                        <p>客户服务</p>
                    </div>
                    <img src="images/d_a.gif" alt="">
                </li>

                <li><a href="#">网站导航</a><img src="images/d_a.gif" alt=""></li>
            </ul>
            <div class="fl marginr">
                &nbsp;&nbsp;|<span>关注我们</span>
                <a href=""><img src="images/sh1.png" alt=""></a>
                <a href=""><img src="images/sh2.png" alt=""></a>
                &nbsp;&nbsp;|
                <a href="#">手机版&nbsp;&nbsp;<img src="images/s_tel.png" alt=""></a>
            </div>
        </div>
    </div>
    <div class="top">
        <div class="fl logoimg">
            <a href="#"><img src="images/logo.png" alt=""></a>
        </div>
        <div class="fl formdiv">
            <div>
                <form>
                    <input id="search" placeholder="请输入关键字" type="search">
                    <input id="btsumbit" type="submit" value="搜索">
                </form>
            </div>
            <div class="aaaaaa">
                <a href="#">咖啡</a>
                <a href="#">ipone6s</a>
                <a href="#">新鲜美食</a>
                <a href="#">蛋糕</a>
                <a href="#">日用品</a>
                <a href="#">连衣裙</a>
            </div>
        </div>
        <div class="cardiv">
            <img  src="images/car.png" alt=""><a href="#">购物车</a>
        </div>
    </div>
</header>
    
    <div class="menu">
        <div class="fl group">全部商品分类</div>
        <div class="fl">
            <ul class="menuli">
                <li><a href="#">首页</a></li>
                <li><a href="#">自营超市</a></li>
                <li><a href="#">一号团</a></li>
                <li><a href="#">一号超市</a></li>
                <li><a href="#">美妆</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">一号海购</a></li>
                <li><a href="#">团购</a></li>
            </ul>
        </div>
        <div class="fr phone" >
            <a href="#">
                <img src="images/phone.png" alt="">
            </a>
        </div>
    </div>

    <div class="banner">
        <div>
            <ul class="nav">
                <li>
                    <span class="spanimg"><img src="images/nav1.png" alt=""></span>
                    <span>进口食品，生鲜</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav2.png" alt=""></span>
                    <span>食品，饮料，酒</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav3.png" alt=""></span>
                    <span>母婴、玩具、童装</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav4.png" alt=""></span>
                    <span>家居、家庭清洁、纸品</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav5.png" alt=""></span>
                    <span>美妆、个人护理、洗护</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav6.png" alt=""></span>
                    <span>女装、内衣、中老年</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav7.png" alt=""></span>
                    <span>鞋靴、箱包、腕表配饰</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav8.png" alt=""></span>
                    <span>男装、运动</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav9.png" alt=""></span>
                    <span>手机、小家电、电脑</span>
                </li>
                <li>
                    <span class="spanimg"><img src="images/nav10.png" alt=""></span>
                    <span>礼品、充值</span>
                </li>
            </ul>
        </div>
        <div class="fl bannerdiv">
            <ul class="uli">
                <li>
                    <img src="images/ban1.jpg" width="700px" height="400px" alt="">
                </li>
            </ul>
            <ul class="number">
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <div class="divaa" >
                <a href="#" class="btnl"></a>
                <a href="#" class="btnright"></a>
            </div>
        </div>
    </div>

    <div class="news">
            <div class="kuaixun">
                <h3>快讯</h3>
                <a href="#">更多&nbsp;&gt;</a>
            </div>
            <div class="tehui">
                <ul>
                    <li>
                        <span>【特惠】</span><a href="">掬一轮明月 表无尽惦念</a>
                    </li>
                    <li>
                        <span>【公告】</span><a href="">好奇金装成长裤新品上市</a>
                    </li>
                    <li>
                        <span>【特惠】</span><a href="">大牌闪购 · 抢！</a>
                    </li>
                    <li>
                        <span>【公告】</span><a href="">发福利 买车就抢千元油卡</a>
                    </li>
                    <li>
                        <span>【公告】</span><a href="">家电低至五折</a>
                    </li>
                </ul>
            </div>
            <div class="money">
                <h3>1号钱包</h3>
                <p>收益日结，收益赚High！</p>
                <img src="images/oneAD.jpg" alt="" width="90%">
            </div>
        </div>

    <div class="hot">

        <div class="fl hotleft" style="position: relative">
            <img src="images/l_img.jpg" alt="">
            <div class="pricediv">
                <span>￥53.00</span>
                <span>16R</span>
            </div>
        </div>

        <div class="hotfood">
            <ul>
                <li class="hotr1">
                    <div>
                        <img src="images/hot.png" alt="">
                    </div>
                    <div>
                        <img src="images/hot1.jpg" alt="">
                    </div>
                    <div>
                        <a href="#">
                            <h3>德国进口</h3>
                            <p>德亚全脂纯牛奶200ml*48盒</p>
                        </a>
                    </div>
                    <div>
                        <span>￥189</span>
                        <span>26R</span>
                    </div>
                </li>
                <li class="hotr1">
                    <div>
                        <img src="images/hot.png" alt="">
                    </div>
                    <div>
                        <img src="images/hot2.jpg" alt="">
                    </div>
                    <div>
                        <a href="#">
                            <h3>iphone 6S</h3>
                            <p>
                                Apple/苹果 iPhone 6s Plus公开版
                            </p>
                        </a>
                    </div>
                    <div>
                        <span>￥5288</span>
                        <span>25R</span>
                    </div>
                <li class="hotr1">
                    <div>
                        <img src="images/hot.png" alt="">
                    </div>
                    <div>
                        <img src="images/hot3.jpg" alt="">
                    </div>
                    <div>
                        <a href="#">
                            <h3>倩碧特惠组合套装</h3>
                            <p>
                                倩碧补水组合套装8折促销
                            </p>
                        </a>
                    </div>
                    <div>
                        <span>￥368</span>
                        <span>18R</span>
                    </div>
                <li class="hotr1">
                    <div>
                        <img src="images/hot.png" alt="">
                    </div>
                    <div>
                        <img src="images/hot4.jpg" alt="">
                    </div>
                    <div>
                        <a href="#">
                            <h3>品利特级橄榄油</h3>
                            <p>
                                750ml*4瓶装组合 西班牙原装进口
                            </p>
                        </a>
                    </div>
                    <div>
                        <span>￥280</span>
                        <span>30R</span>
                    </div>
            </ul>
        </div>

    </div>

    <div style="width: 1200px;margin: 0px auto;padding-top: 25px">
        <img src="images/mban_2.jpg" alt="">
    </div>

    <div class="f1">

        <div class="floortop">
            <div class="fl floortopl">
                <span>1F</span>
                <span>进口·生鲜</span>
            </div>
            <div class="fr floortopr">
                <a href="">进口咖啡</a>
                <a href="">进口酒</a>
                <a href="">进口母婴</a>
                <a href="">新鲜蔬菜</a>
                <a href="">新鲜水果</a>
            </div>
        </div>

        <div class="floorbottom fl">

                <div class="floorbottoml fl">
                    <img src="images/fre_r.jpg" alt="">
                    <div class="floorbottomlb">
                        <a href="">进口水果</a>
                        <a href="">奇异果</a>
                        <a href="">西柚</a>
                        <br/>
                        <a href="">海鲜水产</a>
                        <a href="">品质牛肉</a>
                        <br/>
                        <a href="">奶粉</a>
                        <a href="">鲜活禽蛋</a>
                        <a href="">进口酒</a>
                        <br/>
                        <a href="">进口奶粉</a>
                        <a href="">鲜活禽蛋</a>
                    </div>
                </div>
                <div class="fl floorbottomz">
                    <ul>
                        <li>
                            <a href="">贝思客 草莓先生&蓝莓小姐</a> <br/>
                            <span>￥98.00</span><br/>
                            <a href="#"><img src="images/fre_1.jpg" alt="" width=58%></a>
                        </li>
                        <li>
                            <a href="">贝思客 草莓先生&蓝莓小姐</a><br/>
                            <span>￥98.00</span><br/>
                            <a href="#"><img src="images/fre_1.jpg" alt="" width=58%></a>
                        </li>
                        <li>
                            <a href="">贝思客 草莓先生&蓝莓小姐</a><br/>
                            <span>￥98.00</span><br/>
                            <a href="#"><img src="images/fre_1.jpg" alt="" width=58%></a>
                        </li>
                        <li>
                            <a href="">贝思客 草莓先生&蓝莓小姐</a><br/>
                            <span>￥98.00</span><br/>
                            <a href="#"><img src="images/fre_1.jpg" alt="" width=58%></a>
                        </li>
                        <li>
                            <a href="">贝思客 草莓先生&蓝莓小姐</a><br/>
                            <span>￥98.00</span><br/>
                            <a href="#"><img src="images/fre_1.jpg" alt="" width=58%></a>
                        </li>
                        <li>
                            <a href="">贝思客 草莓先生&蓝莓小姐</a><br/>
                            <span>￥98.00</span><br/>
                            <a href="#"><img src="images/fre_1.jpg" alt="" width=58%></a>
                        </li>
                    </ul>
                </div>

                <div class=" fr floorbottomr">
                    <a href="#"><img src="images/fre_b1.jpg" alt="" width="260" height="220"></a>
                    <a href="#"><img src="images/fre_b2.jpg" alt="" width="260" height="220"></a>
                </div>
        </div>
    </div>

    <div class="footer1">
        <ul>
            <li>
                <img src="images/b1.png" alt="">
                <div>
                    <h2>正品保障</h2>
                    正品行货 放心购买
                </div>
            </li>
            <li>
                <img src="images/b2.png" alt="">
                <div>
                    <h2>满38包邮</h2>
                    满38包邮 免运费
                </div>
            </li>
            <li>
                <img src="images/b3.png" alt="">
                <div>
                    <h2>天天低价</h2>
                    天天低价 畅选无忧
                </div>
            </li>
            <li>
                <img src="images/b4.png" alt="">
                <div>
                    <h2>准时送达</h2>
                    收货时间由你做主
                </div>
            </li>
        </ul>
    </div>

    <div class="footer2">
        <div class="fl">
            <dl class="leftdl">
                <dt>
                    <a href="#">新手上路</a>
                </dt>
                <dd><a href="#">售后流程</a></dd>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">订购方式</a></dd>
                <dd><a href="#">隐私申明</a></dd>
                <dd><a href="#">推荐分享说明</a></dd>
            </dl>
            <dl class="leftdl">
                <dt>
                    <a href="">配送与支付</a>
                </dt>
                <dd><a href="#">货到付款区域</a></dd>
                <dd><a href="#">配送支付查询</a></dd>
                <dd><a href="#">支付方式说明</a></dd>
            </dl>
            <dl class="leftdl">
                <dt>
                    <a href="">会员中心</a>
                </dt>
                <dd><a href="#">资金管理</a></dd>
                <dd><a href="#">我的收藏</a></dd>
                <dd><a href="#">我的订单</a></dd>
            </dl>
            <dl class="leftdl">
                <dt>
                    <a href="">服务保证</a>
                </dt>
                <dd><a href="#">退换货原则</a></dd>
                <dd><a href="#">售后服务保证</a></dd>
                <dd><a href="#">产品质量保证</a></dd>
            </dl>
            <dl class="leftdl">
                <dt>
                    <a href="">联系我们</a>
                </dt>
                <dd><a href="#">网站故障报告</a></dd>
                <dd><a href="#">购物咨询</a></dd>
                <dd><a href="#">投诉与建议</a></dd>
            </dl>
        </div>
        <div class="fl">
            <div class="fl">
                <div>
                    <img src="images/er.gif" alt="">
                </div>
                <div>
                    <img src="images/ss.png" alt="">
                </div>
            </div>

            <div class="frl footerimgdiv">
                <a href="#">新浪微博</a><br>
                <a href="#">腾讯微博</a>
                <p>
                    服务热线：
                    <br/>
                    <span>400-123-4567</span>
                </p>
            </div>
        </div>
    </div>

</body>
</html>